<template>
  <div>
    <Personinfo></Personinfo>
    <logox></logox>
    <menux></menux>
    <el-main>
      <div>
        <h1>page2</h1>
        <p>{{msg}}</p>
      </div>
    </el-main>
    <el-footer>
      <el-row :gutter="20">
        <el-col :span="8" :offset="8">
          <footerx></footerx>
        </el-col>
      </el-row>
    </el-footer>
  </div>

</template>

<script>
import menux from "./menux";
import logox from "./Logox";
import footerx from "./footerx";
import Personinfo from "./Personinfo";

export default {
  name: "page2",
  components: {menux,logox,footerx,Personinfo},
  data () {
    return {
      msg: "我是hahahpage2组件"
    }
  }
}
</script>

<style scoped>
.el-main{
  margin:0 auto;
  background: azure;
  width: 1200px;
}
</style>